<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/css/statistics/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/css/statistics/font-awesome.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/css/statistics/public.css" />
<title></title>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/js/statistics/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/js/statistics/bootstrap-datetimepicker.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/js/statistics/echarts.min.js"></script>
<script type="text/javascript">
	//初始化
	$(function() {
		$("#today").attr("checked", "checked");
		//折线图初始显示今天数据
		$("#j").attr("checked", "checked");
		//折线图初始显示今天数据

	});
	//搜索事件
	function btnSearch() {
		var adTitle = document.getElementById('adTitle').value;
		var params = {};
		params["adTitle"] = adTitle;
		//alert("aaaaaaaaaaa" + adTitle);
		$.ajax({
			type : "post",
			url : sys.rootPath + '/adstat/AdTitlelistUI.html',
			data : params,
			dataType : "json",
			cache : false,
			error : errorFunction,//错误执行方法
			success : succFunction
		//成功执行方法   

		});

	};

	//成功回调
	function succFunction(data) {

		var adTitle = document.getElementById('adTitle').value;
		var html = "<table cellpadding='0' cellspacing='0'>";
		html += "<tr><th></th><th>总曝光量(秒)</th>";
		html += "<th style='position: relative;'>总点击量（pv） <span class='fa fa-exclamation-circle' aria-hidden='true' style='font-size: 12px;'></span> <span class='js'>pv：即通常说的PV（PageView）值，用户每打开1个网站页面，记录1个PV。用户多次打开同一页面PV累计多次。 </span></th>";
		html += "<th style='position: relative;'>独立访客（uv） <span class='fa fa-exclamation-circle' aria-hidden='true' style='font-size: 12px;'></span> <span class='js'>uv：1天（00:00-24:00）之内，访问网站的不重复用户数（以浏览器cookie为依据），一天内同一访客多次访问网站只被计算1次。</span></th>";
		html += "<th style='position: relative;'>ip <span class='fa fa-exclamation-circle' aria-hidden='true' style='font-size: 12px;'></span> <span class='js'>ip：1天（00:00-24:00）之内，访问网站的不重复IP数。一天内相同IP地址多次访问网站只被计算1次。</span></th></tr>";
		if (null != adTitle && adTitle != "") {
			var adbrowerRecords = data.adbrowerRecords; //当前广告的今日数据
			var adSingleStat = data.adSingleStat;//当前广告的昨日平均 峰值 累计 数据
			html += "<tr><td>今日</td><td>" + adbrowerRecords.exposureCount
					+ "</td><td>" + adbrowerRecords.clickCount + "</td><td>"
					+ adbrowerRecords.uVisitorsCount + "</td><td>"
					+ adbrowerRecords.ipCount + "</td></tr>";
			html += "<tr><td>昨日</td><td>" + adSingleStat.yesterdayExposureCount
					+ "</td><td>" + adSingleStat.yesterdayPv + "</td><td>"
					+ adSingleStat.yesterdayUv + "</td><td>"
					+ adSingleStat.yesterdayIpCount + "</td></tr>";
			html += "<tr><td>近90日平均</td><td>" + adSingleStat.avgExposureCount
					+ "</td><td>" + adSingleStat.avgPv + "</td><td>"
					+ adSingleStat.avgUv + "</td><td>"
					+ adSingleStat.avgIpCount + "</td></tr>";
			html += "<tr><td>历史峰值</td><td>" + adSingleStat.maxExposureCount
					+ "</td><td>" + adSingleStat.maxPv + "</td><td>"
					+ adSingleStat.maxUv + "</td><td>"
					+ adSingleStat.maxIpCount + "</td></tr>";
			html += "<tr><td>历史累计</td><td>" + adSingleStat.exposureCount
					+ "</td><td>" + adSingleStat.pv + "</td><td>"
					+ adSingleStat.uv + "</td><td>" + adSingleStat.ipCount
					+ "</td></tr>";

		} else {
			for (var i = 0; i < data.adDailyStatList.length; i++) {
				if (data.adDailyStatList[i].mark == 1) {
					html += "<tr><td>今日</td>";
				} else if (data.adDailyStatList[i].mark == 2) {
					html += "<tr><td>昨日</td>";

				} else if (data.adDailyStatList[i].mark == 3) {

					html += "<tr><td>近90日平均</td>";
				}
				if (data.adDailyStatList[i].mark == 4) {

					html += "<tr><td>历史峰值</td>";
				}
				if (data.adDailyStatList[i].mark == 5) {

					html += "<tr><td>历史累计</td>";
				}
				html += "<td>" + data.adDailyStatList[i].exposureCount
						+ "</td><td>" + data.adDailyStatList[i].pv
						+ "</td><td>" + data.adDailyStatList[i].uv
						+ "</td><td>" + data.adDailyStatList[i].ip
						+ "</td></tr>";

			}

		}
		html += "</table>"
		$("#summarize").html(html);
	};

	function errorFunction() {
		alert("统计失败");

	};

	//饼图
	var myChart = echarts.init(document.getElementById('main'));
	var option = {
		tooltip : {
			trigger : 'item',
			formatter : "{a} <br/>{b} : {c} ({d}%)"
		},

		series : [ {
			name : '访问来源',
			type : 'pie',
			radius : '60%',
			center : [ '50%', '35%' ],
			/*data : [ {
				value : 335,
				name : '上海市'
			}, {
				value : 310,
				name : '北京市'
			}, {
				value : 234,
				name : '江苏省'
			}, {
				value : 135,
				name : '浙江省'
			} ],*/
			data : (function() {

				var res = [];
				<c:forEach items="${adProvinceStatCkList}" var="list">
				res.push({
					name : "${list.province}",
					value : "${list.clickCount}"
				});
				</c:forEach>
				return res;
			})(),
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(0, 0, 0, 0.5)'
				}
			}
		} ]
	};
	myChart.setOption(option);

	//区域统计和饼形图搜索搜索事件
	function btnTerritory() {
		var title = document.getElementById('title2').value;
		var params = {};
		params["title"] = title;
		//var day = $("input[name=day]:checked").attr("id");

		//alert(day);

		$.ajax({

			type : "post",
			url : sys.rootPath + '/adstat/binXinglistUI.html',
			data : params,
			dataType : "json",
			cache : false,
			error : errorFunction4,//错误执行方法
			success : succFunction4
		//成功执行方法   

		});

	};

	//回调函数

	function errorFunction4(data) {
		alert("统计失败");
	};

	function succFunction4(data) {
		//alert(data.adProvinceStatCkList.length+"成功");
		//统计图表
		var html = "<table cellpadding='0' cellspacing='0'><tr><th>省份/城市</th><th>总点击量（PV）</th></tr>";
		for (var i = 0; i < data.adProvinceStatCkList.length; i++) {
			html += "<tr><td>" + data.adProvinceStatCkList[i].province + "</td>";
			html += "<td>" + data.adProvinceStatCkList[i].clickCount+ "</td></tr>";

		}
		html += "</table>";

		$("#areaStat").html(html);
		//饼形图
		myChart.setOption({
			series : [ {
				data : (function() {
					var res = [];
					for (var i = 0; i < data.adProvinceStatCkList.length; i++) {
						res.push({
							name : data.adProvinceStatCkList[i].province,
							value : data.adProvinceStatCkList[i].clickCount
						});
					}
					return res;
				})(),
			} ]
		});

	}

	//折线图
	var myChart1 = echarts.init(document.getElementById('main1'));
	option = {
		tooltip : {
			trigger : 'axis'
		},
		legend : {
			data : [ '点击次数（PV）', '独立访客（UV）', 'IP' ]
		},
		grid : {
			left : '3%',
			right : '4%',
			bottom : '3%',
			containLabel : true
		},
		xAxis : {
			type : 'category',
			boundaryGap : false,
			data : [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,
					17, 18, 19, 20, 21, 22, 23 ]
		},
		yAxis : {
			type : 'value'
		},
		series : [
				{
					name : '点击次数（PV）',
					type : 'line',
					data : [ '${todayData.pv00}', '${todayData.pv01}',
							'${todayData.pv02}', '${todayData.pv03}',
							'${todayData.pv04}', '${todayData.pv05}',
							'${todayData.pv06}', '${todayData.pv07}',
							'${todayData.pv08}', '${todayData.pv09}',
							'${todayData.pv10}', '${todayData.pv11}',
							'${todayData.pv12}', '${todayData.pv13}',
							'${todayData.pv14}', '${todayData.pv15}',
							'${todayData.pv16}', '${todayData.pv17}',
							'${todayData.pv18}', '${todayData.pv19}',
							'${todayData.pv20}', '${todayData.pv21}',
							'${todayData.pv22}', '${todayData.pv23}' ]
				},
				{
					name : '独立访客（UV）',
					type : 'line',
					data : [ '${todayData.uv00}', '${todayData.uv01}',
							'${todayData.uv02}', '${todayData.uv03}',
							'${todayData.uv04}', '${todayData.uv05}',
							'${todayData.uv06}', '${todayData.uv07}',
							'${todayData.uv08}', '${todayData.uv09}',
							'${todayData.uv10}', '${todayData.uv11}',
							'${todayData.uv12}', '${todayData.uv13}',
							'${todayData.uv14}', '${todayData.uv15}',
							'${todayData.uv16}', '${todayData.uv17}',
							'${todayData.uv18}', '${todayData.uv19}',
							'${todayData.uv20}', '${todayData.uv21}',
							'${todayData.uv22}', '${todayData.uv23}' ]
				},
				{
					name : 'IP',
					type : 'line',
					data : [ '${todayData.ip00}', '${todayData.ip01}',
							'${todayData.ip02}', '${todayData.ip03}',
							'${todayData.ip04}', '${todayData.ip05}',
							'${todayData.ip06}', '${todayData.ip07}',
							'${todayData.ip08}', '${todayData.ip09}',
							'${todayData.ip10}', '${todayData.ip11}',
							'${todayData.ip12}', '${todayData.ip13}',
							'${todayData.ip14}', '${todayData.ip15}',
							'${todayData.ip16}', '${todayData.ip17}',
							'${todayData.ip18}', '${todayData.ip19}',
							'${todayData.ip20}', '${todayData.ip21}',
							'${todayData.ip22}', '${todayData.ip23}' ]
				} ]
	};
	myChart1.setOption(option);

	$("input[name=day]").click(function() {
		var title = document.getElementById('title').value;
		var params = {};
		params["title"] = title;
		//var day = $("input[name=day]:checked").attr("id");

		//alert(day);

		$.ajax({

			type : "post",
			url : sys.rootPath + '/adstat/zheXianlistUI.html',
			data : params,
			dataType : "json",
			cache : false,
			error : errorFunction2,//错误执行方法
			success : succFunction2
		//成功执行方法   

		});
	});

	//折线图搜索搜索事件
	function btnLineHart() {
		var title = document.getElementById('title').value;
		var params = {};
		params["title"] = title;
		//var day = $("input[name=day]:checked").attr("id");

		//alert(day);

		$.ajax({

			type : "post",
			url : sys.rootPath + '/adstat/zheXianlistUI.html',
			data : params,
			dataType : "json",
			cache : false,
			error : errorFunction2,//错误执行方法
			success : succFunction2
		//成功执行方法   

		});

	};
	function errorFunction2(data) {
		alert("统计失败");
	};

	function succFunction2(data) {
		var day = $("input[name=day]:checked").attr("id");
		//alert(day+"返回成功");
		if (day == "today") {
			myChart1.setOption({
				series : [
						{
							name : '点击次数（PV）',
							type : 'line',
							data : [ data.todayData.pv00, data.todayData.pv01,
									data.todayData.pv02, data.todayData.pv03,
									data.todayData.pv04, data.todayData.pv05,
									data.todayData.pv06, data.todayData.pv07,
									data.todayData.pv08, data.todayData.pv09,
									data.todayData.pv10, data.todayData.pv11,
									data.todayData.pv12, data.todayData.pv13,
									data.todayData.pv14, data.todayData.pv15,
									data.todayData.pv16, data.todayData.pv17,
									data.todayData.pv18, data.todayData.pv19,
									data.todayData.pv20, data.todayData.pv21,
									data.todayData.pv22, data.todayData.pv23 ]
						},
						{
							name : '独立访客（UV）',
							type : 'line',
							data : [ data.todayData.uv00, data.todayData.uv01,
									data.todayData.uv02, data.todayData.uv03,
									data.todayData.uv04, data.todayData.uv05,
									data.todayData.uv06, data.todayData.uv07,
									data.todayData.uv08, data.todayData.uv09,
									data.todayData.uv10, data.todayData.uv11,
									data.todayData.uv12, data.todayData.uv13,
									data.todayData.uv14, data.todayData.uv15,
									data.todayData.uv16, data.todayData.uv17,
									data.todayData.uv18, data.todayData.uv19,
									data.todayData.uv20, data.todayData.uv21,
									data.todayData.uv22, data.todayData.uv23 ]
						},
						{
							name : 'IP',
							type : 'line',
							data : [ data.todayData.ip00, data.todayData.ip01,
									data.todayData.ip02, data.todayData.ip03,
									data.todayData.ip04, data.todayData.ip05,
									data.todayData.ip06, data.todayData.ip07,
									data.todayData.ip08, data.todayData.ip09,
									data.todayData.ip10, data.todayData.ip11,
									data.todayData.ip12, data.todayData.ip13,
									data.todayData.ip14, data.todayData.ip15,
									data.todayData.ip16, data.todayData.ip17,
									data.todayData.ip18, data.todayData.ip19,
									data.todayData.ip20, data.todayData.ip21,
									data.todayData.ip22, data.todayData.ip23 ]
						} ]
			});
		} else if (day = "yearToday") {

			myChart1.setOption({
				series : [
						{
							name : '点击次数（PV）',
							type : 'line',
							data : [ data.yesterdayData.pv00,
									data.yesterdayData.pv01,
									data.yesterdayData.pv02,
									data.yesterdayData.pv03,
									data.yesterdayData.pv04,
									data.yesterdayData.pv05,
									data.yesterdayData.pv06,
									data.yesterdayData.pv07,
									data.yesterdayData.pv08,
									data.yesterdayData.pv09,
									data.yesterdayData.pv10,
									data.yesterdayData.pv11,
									data.yesterdayData.pv12,
									data.yesterdayData.pv13,
									data.yesterdayData.pv14,
									data.yesterdayData.pv15,
									data.yesterdayData.pv16,
									data.yesterdayData.pv17,
									data.yesterdayData.pv18,
									data.yesterdayData.pv19,
									data.yesterdayData.pv20,
									data.yesterdayData.pv21,
									data.yesterdayData.pv22,
									data.yesterdayData.pv23 ]
						},
						{
							name : '独立访客（UV）',
							type : 'line',
							data : [ data.yesterdayData.uv00,
									data.yesterdayData.uv01,
									data.yesterdayData.uv02,
									data.yesterdayData.uv03,
									data.yesterdayData.uv04,
									data.yesterdayData.uv05,
									data.yesterdayData.uv06,
									data.yesterdayData.uv07,
									data.yesterdayData.uv08,
									data.yesterdayData.uv09,
									data.yesterdayData.uv10,
									data.yesterdayData.uv11,
									data.yesterdayData.uv12,
									data.yesterdayData.uv13,
									data.yesterdayData.uv14,
									data.yesterdayData.uv15,
									data.yesterdayData.uv16,
									data.yesterdayData.uv17,
									data.yesterdayData.uv18,
									data.yesterdayData.uv19,
									data.yesterdayData.uv20,
									data.yesterdayData.uv21,
									data.yesterdayData.uv22,
									data.yesterdayData.uv23 ]
						},
						{
							name : 'IP',
							type : 'line',
							data : [ data.yesterdayData.ip00,
									data.yesterdayData.ip01,
									data.yesterdayData.ip02,
									data.yesterdayData.ip03,
									data.yesterdayData.ip04,
									data.yesterdayData.ip05,
									data.yesterdayData.ip06,
									data.yesterdayData.ip07,
									data.yesterdayData.ip08,
									data.yesterdayData.ip09,
									data.yesterdayData.ip10,
									data.yesterdayData.ip11,
									data.yesterdayData.ip12,
									data.yesterdayData.ip13,
									data.yesterdayData.ip14,
									data.yesterdayData.ip15,
									data.yesterdayData.ip16,
									data.yesterdayData.ip17,
									data.yesterdayData.ip18,
									data.yesterdayData.ip19,
									data.yesterdayData.ip20,
									data.yesterdayData.ip21,
									data.yesterdayData.ip22,
									data.yesterdayData.ip23 ]
						} ]
			});

		}

	};

	//广告统计的单选按钮
	$("input[name=days]").click(function() {
		var period = $("input[name=days]:checked").attr("id");
		var params = {};
		params["period"] = period;
		//	alert(period);

		$.ajax({

			type : "post",
			url : sys.rootPath + '/adstat/advertisinglistUI.html',
			data : params,
			dataType : "json",
			cache : false,
			error : errorFunction3,//错误执行方法
			success : succFunction3
		//成功执行方法   

		});
	});
	function errorFunction3(data) {
		alert("统计失败");
	};

	function succFunction3(data) {
		var html = "<table cellpadding='0' cellspacing='0'><tr><th>广告位</th><th>总点击量（pv）</th><th>独立访客（uv）</th><th>ip</th></tr>";
		for (var i = 0; i < data.adbrowerRecordsList.length; i++) {
			html += "<tr><td>" + data.adbrowerRecordsList[i].adpositionName
					+ "</td>";
			html += "<td>" + data.adbrowerRecordsList[i].clickCount + "</td>";
			html += "<td>" + data.adbrowerRecordsList[i].uVisitorsCount
					+ "</td>";
			html += "<td>" + data.adbrowerRecordsList[i].ipCount + "</td></tr>";
		}
		html += "</table>";

		$("#advertising").html(html);
	}

	//日期选择
	$(".form_datetime_2").datetimepicker({
		language : 'zh',
		format : 'yyyy-mm-dd',
		autoclose : true,
		todayBtn : true,
		startView : 'year',
		minView : 'month',
		maxView : 'decade'
	});
	//其它
	$('.onet a').click(function() {
		$('.twot').toggle();
		if ($('.twot').css('display') == 'block') {
			$('.onet span').eq(0).addClass('display-none');
			$('.onet span').eq(1).removeClass('display-none');
		} else {
			$('.onet span').eq(1).addClass('display-none');
			$('.onet span').eq(0).removeClass('display-none');
		}
	});
	$('.twot span').click(function() {
		$(this).addClass('choose').siblings().removeClass('choose');
	});
	$('.pm-f').click(function() {
		$(this).addClass('color-red').siblings().removeClass('color-red');
	});
	$('.fa-exclamation-circle').each(function(index) {
		$(this).hover(function() {
			$('.js').eq(index).show();
		}, function() {
			$('.js').eq(index).hide();
		})
	})
</script>

<style>
.js {
	position: absolute;
	font-size: 12px;
	z-index: 10;
	color: #666;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding: 10px 10px;
	width: 250px;
	left: -20px;
	top: 26px;
	text-align: left;
	border-radius: 5px;
	display: none;
}
</style>
</head>
<body>
	<div class="count">
		<div class="right">
			<div class="bd">
				<div class="title-h">
					<span class="bigtitle">统计汇总</span>
					<button type="button" class="btn btn-primary" onClick="btnSearch()"
						style="width: 70px; float: right; color: #fff; margin-left: 10px;">搜索</button>
					<input type="text" id="adTitle" placeholder="广告筛选"
						class="sousuo form-control" />
				</div>
				<div class="contentx" id="summarize">
					<table cellpadding="0" cellspacing="0">
						<tr>
							<th></th>
							<th>总曝光量(秒)</th>
							<th style="position: relative;">总点击量（pv） <span
								class="fa fa-exclamation-circle" aria-hidden="true"
								style="font-size: 12px;"></span> <span class="js">
									pv：即通常说的PV（PageView）值，用户每打开1个网站页面，记录1个PV。用户多次打开同一页面PV累计多次。 </span>
							</th>
							<th style="position: relative;">独立访客（uv） <span
								class="fa fa-exclamation-circle" aria-hidden="true"
								style="font-size: 12px;"></span> <span class="js">uv：1天（00:00-24:00）之内，访问网站的不重复用户数（以浏览器cookie为依据），一天内同一访客多次访问网站只被计算1次。</span>
							</th>
							<th style="position: relative;">ip <span
								class="fa fa-exclamation-circle" aria-hidden="true"
								style="font-size: 12px;"></span> <span class="js">ip：1天（00:00-24:00）之内，访问网站的不重复IP数。一天内相同IP地址多次访问网站只被计算1次。</span>
							</th>
						</tr>
						<c:forEach items="${adDailyStatList}" var="list">
							<tr>
								<c:if test="${list.mark == 1}">
									<td>今日</td>
								</c:if>
								<c:if test="${list.mark == 2}">
									<td>昨日</td>
								</c:if>
								<c:if test="${list.mark == 3}">
									<td>近90日平均</td>
								</c:if>
								<c:if test="${list.mark == 4}">
									<td>历史峰值</td>
								</c:if>
								<c:if test="${list.mark == 5}">
									<td>历史累计</td>
								</c:if>
								<td>${list.exposureCount}</td>
								<td>${list.pv}</td>
								<td>${list.uv}</td>
								<td>${list.ip}</td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>

			<div class="bd">
				<div class="title-h">
					<span class="bigtitle">广告流量趋势</span>
					<button type="button" class="btn btn-primary"
						onClick="btnLineHart()"
						style="width: 70px; float: right; color: #fff; margin-left: 10px;">搜索</button>
					<span class="duibi"> <input type="radio" name="day"
						id="today" /> 今日 <input type="radio" name="day" id="yearToday" />
						昨日
					</span> <input type="text" placeholder="广告筛选" class="sousuo form-control"
						id="title" />

				</div>
				<div class="contentx">
					<div id="main1" style="width: 100%; height: 400px;"></div>
				</div>
			</div>
			<div class="bd">
				<div class="title-h">
					<span class="bigtitle">广告位统计</span> <span class="duibi"> <input
						type="radio" name="days" id="j" /> 今日 <input type="radio"
						name="days" id="z" /> 昨日 <input type="radio" name="days" id="yz" />
						最近7天
					</span>
				</div>
				<div class="contentx" id="advertising">
					<table cellpadding="0" cellspacing="0">
						<tr>
							<th>广告位</th>
							<th>总点击量（pv）</th>
							<th>独立访客（uv）</th>
							<th>ip</th>
						</tr>
						<c:forEach items="${adbrowerRecordsList}" var="list">
							<tr>
								<td>${list.adpositionName}</td>
								<td>${list.clickCount}</td>
								<td>${list.uVisitorsCount}</td>
								<td>${list.ipCount}</td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
			<div class="bd">
				<div class="title-h" style="float: left;">
					<button type="button" class="btn btn-primary"
						onClick="btnTerritory()"
						style="width: 70px; float: right; color: #fff; margin-left: 10px;">搜索</button>
					<span class="bigtitle">投放地域分布</span> <input type="text" id="title2"
						placeholder="广告筛选" class="sousuo form-control" />

				</div>
				<div class="bd width-h">
					<div class="contentx">
						<div id="areaStat" style="max-height: 365px; width: 100%; overflow: auto;">
							<table cellpadding="0" cellspacing="0">
								<tr>
									<th>省份/城市</th>
									<th>总点击量（PV）</th>
								</tr>
								<c:forEach items="${adProvinceStatCkList}" var="list">
									<tr>
										<td>${list.province}</td>
										<td>${list.clickCount}</td>
									</tr>
								</c:forEach>
							</table>
						</div>

					</div>
				</div>

				<div class="bd width-h float-r">
					<div id="main" style="width: 100%; height: 480px;"></div>
				</div>
			</div>



		</div>
	</div>

</body>
</html>